<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title><style>
        #box1{
            width: 200px;
            height: 200px;
            background: rgb(136, 70, 70);
        }
    </style>
</head>
<body>
    <div id="box1"></div>
    <input type="submit" value="提交" id="btn1"><br>

    <input type="text" id="num1">
    <select id="fh">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
        <option value="%">%</option>
    </select>
    <input type="text" id="num2">
    <input type="button" value="=" id="btn">
    <input type="text" readonly is="result" id = "res">
</body>
<script>
    //         # 四、作业 - 思考
    // 1. 测试事件效果
    //     - 注意事件加给谁了，触发行为是什么，触发时的元素是否是添加事件的元素
    //     - 思考键盘事件应该加给谁
        let box1 = document.getElementById('box1');
        let btn1 = document.getElementById('btn1');
        
        var ccc = 777777
        btn1.ondblclick = function(){
            ccc+=2000
            box1.style.backgroundColor ='#'+ccc;
            // alert(123)
            console.log(ccc)
            
        }
    
    // 2. 将之前所有作业，全部封装成一个一个的函数
    //     - 按需使用参数或返回值
    // 3. 编写一个函数，计算两个数字的和／差／积／商
    //     - 使用传参的方式
    //    var a=0;
    //    var b=0;
    
    let unm1 =document.getElementById('unm1')
    let unm2 =document.getElementById('unm2')
    let btn = document.getElementById( 'btn')
    let res = document.getElementById('res')
    let fh = document.getElementById('fh')
    
    btn.onclick = function(){
        var n1 = num1.value-0;
        var n2 = num2.value-0;
        var f = fh.value;
        var r = res;
        switch(f){
            case '+':
             n1+n2;
             break
            case '-':
             n1-n2;
             break
            case '*':
             n1*n2;
             break
            case '/':
             n1/n2;
             break
             
        
        }
        res.value=r
        console.log(r)

    }


    // 4. 编写一个函数，计算三个不同数字的大小，按从小到大顺序打印
    //     - 穷举法
      function fun(a,b,c){


        if( a<b || a<c && b<c ){
            console.log(a,b,c)

        }else if(b<a || b<c ||a<c){
            console.log(c,a,b)

        }else if(c<a || c<b || a<b){
            console.log(c,a,b)

      }
      fun(10,8,9)



    // 5. 编写一个函数，实现任意个任意数字的求 和 或 积 的函数
    // 6. 编写一个函数，计算任意两个个位数之间所能组成的两位数的奇数
    //     - 计算0，3之间能组成的奇数个是：01、21、03、13、23、31
    //     - 不要使用返回值
    // 7. 某个公司采用公用电话传递数据，数据是四位的整数，在传递过程中是加密的，加密规则如下：每位数字都加上5,然后用除以10的余数代替该数字，再将第一位和第四位交换，第二位和第三位交换，请编写一个函数，传入原文，输出密文
    //     - 进去：3715
    //     - 出来：0628
    //     - 两个变量交换，再创建第三个变量做过渡
    
        </script>
</html>